.border {
    border: 1px solid red;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    content: "";
    clear: both;
}

.clearfix {
    *zoom: 1;
    /*IE/7/6*/
}

.none {
    display: none;
}

.left {
    float: left;
}

.clear {
    clear: both;
}

.ali-img img {
    width: 20px;
}

.setting {
    width: 18px;
    float: right;
}

.setting:hover {
    cursor: pointer;
}

.index-tou img {
    width: 60px;
    height: 60px;
    margin-left: 28%;
    border-radius: 50%;
}

.index-tou p {
    padding-left: 34%;
    margin-top: 10px;
}

.customer-box {
    position: relative;
    height: 109px;
    padding: 20px 20px 10px 20px;
    line-height: 22px;
    border-radius: 0 2px 2px 0;
    background-color: #f2f2f2;
    /*width: 100%;*/
}

.elem-quote {
    margin-bottom: 10px;
    padding: 20px 20px 10px 20px;
    line-height: 22px;
    border-radius: 0 2px 2px 0;
    background-color: #f2f2f2;
}

.intentionalCustomer li:nth-child(1) {
    margin: 5px 5px;
    font-size: 17px;
}

.intentionalCustomer li:nth-child(2) {
    margin: 15px 5px;
    text-align: center;
    font-size: 25px;
}

.intentionalCustomer li:nth-child(3) {
    margin: 15px 5px;
    text-align: right;
    font-size: 12px;
}

.intentionalCustomer li:nth-child(3) span {
    display: inline-block;
    margin-left: 10px;
}


/*.cus1 {*/


/*width: 20px;*/


/*}*/


/*.cus2,*/


/*.cus3 {*/


/*width: 20%;*/


/*}*/


/*.customer-box:hover {*/


/*cursor: pointer;*/


/*}*/

.m-smaillbox {
    color: black;
}

.mailbox {
    position: absolute;
    right: 21px;
    top: 65px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    border: 1px solid #d2d2d2;
    background-color: #EEEEEE;
    z-index: 100;
    border-radius: 2px;
    color: black;
    width: 350px;
    padding: 20px 10px;
}

.m-smaillbox {
    border-bottom: 1px solid #A7A7A7;
    padding-bottom: 10px;
    padding-top: 10px;
}

.m-s-left img {
    width: 35px;
    border-radius: 50%;
}

.m-s-right {
    width: 285px;
    margin-left: 20px;
}

.m-s-right ul li {
    float: left;
    text-align: left;
    width: 40px;
}

.m-s-right ul li:nth-child(3) {
    width: 70px;
    text-align: right;
    margin-left: 125px;
    margin-right: 5px;
}

.m-s-right p {
    word-break: break-all;
    line-height: 20px;
}

.zx {
    margin-left: 2%;
    /*width: 69%;*/
    /*margin-top: 20px;*/
}

.zx iframe:nth-child(1) {
    width: 100%;
    height: 400px;
}

.setting-content {
    background-color: #f7fafc;
    position: absolute;
    z-index: 1000;
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 280px;
}
.setting-content>.partslist-title{
    background: white;
}
.setting-content>form{
    padding: 20px;
}
.setting-content>.sett-btns{
height: 40px;
    background: white;
}
.setting-content>.sett-btns li{
    float: left;
    margin-top: 5px;
}
.setting-content>.sett-btns li:nth-child(1){
    color: gray;
    cursor: pointer;
    display: inline-block;
    line-height: 28px;
    margin-left: 80px;
    margin-right: 50px;
}
.setting-content>.sett-btns li:nth-child(2) input{
    background-color: #1E9FFF;
    color: #fff;
    height: 28px;
    width: 56px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}
.btn-q {
    margin-left: 35px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.set-che {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.cus-information {
    padding: 20px 40px;
}

.cus-info-people ul {
    margin-left: 50px;
    height: 45px;
}

.cus-info-people ul li {
    float: left;
    width: 150px;
    font-size: 16px;
    text-align: left;
}

.cus-info-people>ul:after,
.Dismiss:after,
.Record:after,
.interviewBox:before {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cus-info-people ul li:nth-child(2) {
    font-size: 14px;
}

.cus-img {
    width: 70px;
}

.cus-Gender {
    width: 20px;
    position: relative;
    top: -2px;
}

.Founder {
    padding: 10px 20px;
}

.Founder>ul {
    float: left;
    margin-left: 30px;
}

.Founder>ul>li {
    font-size: 14px;
    height: 30px;
}

.Founder>ul>li>span {
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
}

.tl1 {
    padding-left: 14px;
}

.cusStar>img {
    width: 18px;
}

.cus-phone,
.cus-Remarks {
    padding: 10px 20px;
}

.cus-phone>p {
    font-size: 25px;
    font-weight: bold;
}

.cus-phone>ul {
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
}

.cus-phone>ul>li {
    font-size: 14px;
    height: 30px;
}

.cus-phone>ul>li>span {
    margin-left: 15px;
}


/*.cus-phone>ul:nth-child(2)>li{*/


/*float: left;*/


/*}*/

.cus-Remarks>p {
    display: inline-block;
    margin-left: 30px;
    font-size: 16px;
}

.cus-Remarks-content {
    font-size: 13px;
    margin-left: 40px;
    width: 700px;
}

.cus-Remarks-content>p {
    line-height: 25px;
}

.cus-sf {
    font-size: 18px;
}

.roleStar {
    padding: 4px 10px;
    width: 300px;
}

.roleStar>img {
    width: 26px;
    margin-left: 10px;
    margin-right: 10px;
}

.roleStar>img:hover {
    cursor: pointer;
}

.phone-tab-box {
    padding-left: 20px;
    float: left;
}

.phone-tab {
    margin-top: 0px;
}

.phone-tab ul {
    /*border: 1px solid #e2e2e2;*/
    width: 150px;
    height: 30px;
    line-height: 30px;
}

.zhltab-this {
    background-color: #009688;
}

.phone-tab ul li {
    font-size: 12px;
    width: 50%;
    float: left;
    text-align: center;
    background-color: #e2e2e2;
}

.phone-tab ul li:hover {
    cursor: pointer;
    background-color: #CCCCCC;
}

.phone-tab ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.phone-tab-content {
    position: relative;
    width: 650px;
    margin-top: 30px;
    margin-bottom: 50px;
    display: none;
}

.sj1 {
    position: absolute;
    right: 0px;
    top: 0px;
}

.sj2 {
    position: absolute;
    right: 0px;
    top: 55px;
}

.ptc1 {
    display: block;
}

.center {
    margin-left: 50%;
}

.sexy-tittle {
    font-size: 16px;
    display: inline-block;
    margin-bottom: -10px;
    margin-left: 50px;
    position: relative;
    top: 5px;
}

.purpose1,
.purpose2,
.purpose3 {
    width: 100px;
    float: left;
    margin-left: 15px !important;
}

.collate img {
    width: 13px;
    position: relative;
    top: -2px;
    left: 5px;
}

.collate img:hover {
    cursor: pointer;
}

.recoverimg {
    width: 18px;
    position: relative;
    top: -3px;
}

.dignity {
    width: 600px;
    position: absolute;
    top: 86px;
    left: 300px;
}

.kk {
    width: 600px !important;
}

.seo-add {
    margin-left: 50px;
    margin-top: 30px;
    height: 180px;
}

.bg-g {
    background-color: #fafafa;
}

.Reading {
    cursor: pointer;
}

.Reading img {
    width: 14px;
    position: relative;
    top: -2px;
    left: -5px;
}

.reading:hover {
    cursor: pointer;
}

.sl {
    background-color: #eee !important;
    color: #666 !important;
    width: 180px !important;
}

.kk,
.addic {
    cursor: pointer;
}

.bb {
    font-size: 14px;
}

.eyes {
    width: 14px;
    margin-right: 20px;
}

.media-tittle,
.media-Account {
    font-size: 16px;
    margin-bottom: 20px;
}

.media-Account {
    padding-left: 44px;
}

.media-tittle>span,
.media-Account>span {
    font-size: 16px;
    display: inline-block;
    margin-left: 20px;
}

.media-left {
    padding-left: 110px;
}

.media-width {
    width: 390px !important;
}

.miedia-cho img {
    width: 13px;
    margin-left: 10px;
    cursor: pointer;
}

.charge {
    margin-left: 30px;
    float: left;
    font-size: 14px;
}

.charge>span {
    font-size: 14px;
    display: inline-block;
    margin-top: 10px;
}

.charge>img {
    width: 18px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

.seo-cho {
    margin-top: 8px;
}

.seo-cho img {
    width: 19px;
    cursor: pointer;
}

.zp-plan {
    padding: 10px 20px;
    font-size: 20px;
}

.Interview {
    font-size: 15px;
    padding-top: 10px;
    padding-left: 50px;
    cursor: pointer;
    position: relative;
}

.Interview img {
    width: 17px;
    margin-right: 10px;
    margin-top: -3px;
}

.Recruitment,
.Recruitment-plan {
    font-size: 14px;
    padding-top: 15px;
    cursor: pointer;
}

.Recruitment img {
    width: 18px;
    margin-right: 10px;
    cursor: pointer;
}

.Recruitment-plan {
    padding-left: 8px;
}

.Recruitment-plan img {
    width: 12px;
    margin-left: 5px;
    margin-top: -3px;
    cursor: pointer;
}

.staff-box {
    padding: 10px 20px;
    /*width: 45%;*/
    /*border: 1px solid rebeccapurple;*/
}

.top1 {
    position: absolute;
    top: 4px;
    left: 135px;
    width: 8px;
    font-size: 8px;
}

.top2 {
    position: absolute;
    top: 4px;
    left: 163px;
    width: 8px;
    font-size: 8px;
}

.detail-top>span:nth-child(1) {
    font-size: 22px;
}

.detail-top>span:nth-child(2) {
    font-size: 16px;
    margin-left: 30px;
}

.tl2 {
    padding-left: 28px;
}

.detail-center {
    margin-top: 20px;
    margin-bottom: 40px;
}

.detail-center ul>li {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.zhaopin img {
    width: 14px;
}

.zhaopin a {
    display: inline-block;
    font-size: 13px;
    /*width: 50x;*/
}

.interview-name span:nth-child(2) {
    float: right;
}

.xian-tou {
    width: 15px;
    height: 15px;
    /*background-color: #009688;*/
    background-color: #999999;
    border-radius: 50%;
}

.interview-xian {
    height: 100%;
    position: relative;
}

.shuxian {
    width: 2px;
    /*height: 96%;*/
    background-color: #999999;
    position: absolute;
    left: 6px;
}

.interview-center {
    margin-left: 20px;
    width: 95%;
}

.interview-center ul {
    width: 100%;
}

.interview-center li {
    height: 25px;
    width: 100%;
    line-height: 25px;
}

.interview-center li:nth-child(1) {
    margin-left: 0px;
    /*border-bottom: 1px solid #999999;*/
    /*margin-bottom: 10px;*/
}

.interview-center li span {
    display: inline-block;
    margin-left: 10px;
}

.sd {
    width: 500px;
}

.msjg {
    position: relative;
    bottom: -7px;
}

.interview-btn {
    margin-top: 20px;
    margin-left: 66px;
}

.interviewBox {
    margin-top: 20px;
}

.people-Occupation ul>li {
    float: left;
    width: 200px;
}

.people-Occupation ul {
    margin-bottom: 10px;
    /*border-bottom: 1px solid #F2F2F2;*/
    padding-bottom: 10px;
}

.people-Occupation ul:nth-child(1) {
    margin-top: 10px;
    margin-bottom: 20px;
}

.people-Occupation ul:after,
.ms-box ul:after,
.ms-box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Achievements-time>xblock>span {
    font-size: 16px;
}

.evaluation-tittle {
    font-weight: bold;
    font-size: 16px;
    width: 70px;
    text-align: center;
    border-bottom: 2px solid #009688;
}

.ms-box,
.kh-box {
    margin-top: 15px;
}

.ms-box ul {
    padding-bottom: 10px;
    /*border-bottom: 1px solid #F2F2F2;*/
}

.ms-box li {
    float: left;
    /*width: 68px;*/
}

.ms-box li p {
    display: inline-block;
    width: 500px;
}

.kh-box ul:nth-child(2) {
    margin-left: 100px;
}

.kh-box li p {
    width: 255px;
}

.jx-top {
    font-size: 16px;
}

.Record>span {
    display: inline-block;
    float: left;
}

.Record ul {
    float: left;
    margin: 0 20px;
}

.Record ul>li:nth-child(1) {
    color: #676767;
    font-size: 13px;
}

.jx-input {
    margin-left: 70px;
    width: 180px;
}

.jx-box {
    margin-bottom: 20px;
}

.jx-box>span {
    position: relative;
    top: 7px;
}

.Dismiss ul>li {
    float: left;
}

.Dismiss {
    margin-bottom: 20px;
}

.Dismiss ul>li:nth-child(1) {
    margin-right: 13px;
}

.top3 {
    margin-left: 10px;
    margin-top: -8px;
}

.tl3 {
    margin-left: 130px;
}

.people-box {
    line-height: 40px;
}

.people-box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.people-box ul {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}

.people-box ul li {
    float: left;
    width: 80px;
    font-size: 14px;
}

.people-box ul li:nth-child(1) {
    font-size: 16px;
}

.s2 {
    width: 200px;
}

.leave-top {
    margin-left: 20px;
    font-size: 14px;
    margin-bottom: 20px;
}

.tl4 {
    margin-left: 109px;
}

.tt1 {
    padding-top: 30px;
}

.sd2 {
    width: 300px;
}

.ft14 {
    font-size: 14px;
}

.tl5 {
    margin-left: 30px;
}

.ck1 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #CCCCCC;
}

.tx-time {
    position: relative;
    top: 8px;
}

.tl6 {
    padding-left: 61px;
}

.Medical-img img {
    width: 200px;
    margin-left: 20px;
    margin-right: 20px;
}

.medical-box li {
    float: left;
}

.tr1 {
    margin-right: 10px;
}

.hoilday>ul>li:nth-child(2),
.hoilday>ul>li:nth-child(2) p {
    font-size: 13px;
}

.hoilday>ul>li:nth-child(2) span {
    display: inline-block;
    font-size: 13px;
    margin-left: 10px;
    margin-right: 10px;
}

.tl7 {
    margin-left: 56px;
}

.tl8 {
    margin-left: 42px;
}

.tl9 {
    margin-left: 140px;
}

.top4 {
    margin-top: 10px;
}

.none-img {
    width: 300px;
    margin: 50px auto;
}

.Reimbursement-box {
    position: relative;
}

.Reimbursement-box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.reim-smallbox {
    margin-left: 29px;
    /*padding-bottom: 45px;*/
}

.dx {
    line-height: 38px;
}

.addmoney {
    position: absolute;
    right: 30%;
    cursor: pointer;
}

.addmoney img {
    width: 20px;
    margin-right: 10px;
}

.moneyAll {
    margin-left: 57px;
}

.bighj {
    width: 500px !important;
}

.sd2 {
    width: 512px;
    margin-left: 10px;
    margin-bottom: 20px;
}

.upTxt {
    font-size: 12px;
    color: #353535;
    padding-left: 10px;
    line-height: 45px;
}

.upimg {
    margin-left: 110px;
    margin-bottom: 20px;
}

.upimg img {
    width: 130px;
}

.bximgshow {
    margin-left: 30px;
    position: relative;
}

.bximgshow div {
    margin-right: 20px;
}

.bximgshow>div>div>img {
    width: 20px;
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
}

.bximgshow>div>div {
    position: absolute;
    bottom: 10px;
    display: none;
}

.Collect {
    margin-bottom: 20px;
    margin-left: 32px;
    position: relative;
}

.Collect:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.bigReimbursement {
    line-height: 41px;
}

.fp {
    margin-left: 30px;
}

.sd3 {
    width: 701px;
}

.tl10 {
    margin-left: 113px;
}

.tl11 {
    margin-left: 18px;
}

.dt-ul:after,
.dt-bottom:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.dt-ul li,
.dt-bottom li {
    float: left;
}

.dt-ul li:nth-child(2) {
    float: right;
    margin-right: 10px;
}

.dt-bottom li:first-child {
    margin-right: 15px;
}

.dt-bottom li:last-child {
    float: right;
}

.dt-bottom li {
    font-size: 13px;
}

.PersonalCenter {
    padding: 50px;
}

.PersonalCenter>.personalinput>img {
    float: left;
    width: 100px;
    border-radius: 50%;
}

.personalinput {
    position: relative;
    width: 100px;
}

.personalup {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0px;
    left: 30px;
    z-index: 1000;
    background: url("../images/up-input.png");
    background-size: 40px 40px;
    cursor: pointer;
    overflow: hidden;
}

.personalup>input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.personalinput:hover .personalup {
    display: inline-block;
}

.personallist {
    margin-left: 50px;
    width: 650px;
    margin-top: -10px;
}

.personallist li {
    float: left;
    font-size: 14px;
    margin-right: 100px;
    margin-top: 25px;
}

.personallist li span {
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
}

.personallist li span a {
    font-size: 14px;
}

.personallist li:nth-child(4) span {
    cursor: pointer;
}

.tishi {
    padding-left: 10px;
    font-size: 12px;
    color: RGB(188, 181, 177);
    margin-bottom: 20px;
}

.tishi img {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.news {
    margin-top: 20px;
}

.news>img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
}

.news>.centerright {
    float: left;
    width: 90%;
}

.news>.centerright>.tittle {
    width: 100%;
}

.news>.centerright>.tittle>ul {
    padding-top: 5px;
    padding-left: 30px;
}

.news>.centerright>.tittle>ul>li {
    font-size: 14px;
    float: left;
    margin-right: 30px;
}

.news>.centerright>.tittle>ul>li:nth-child(3) {
    float: right;
}

.centerright>.content {
    padding: 10px 30px;
}

.centerright>.buttom {
    padding-left: 30px;
}

.centerright>.buttom li {
    float: left;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
}

.centerright>.buttom li a {
    font-size: 14px;
}

.centerright>.buttom li img {
    width: 18px;
    height: 18px;
    margin-top: -3px;
    margin-right: 5px;
}

.pages {
    width: 600px;
    margin: 30px auto;
}

.people-img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
}

.Widget {
    width: 98%;
    float: left;
    margin-right: 2%;
    margin-bottom: 30px;
}

.Widget2 {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 30px;
}

.close {
    width: 18px;
    margin-right: 20px;
    cursor: pointer;
}

.close2 {
    width: 18px;
    margin-right: 20px;
    cursor: pointer;
}

.enlarge,
.narrow ,.todo-btn{
    width: 14px;
    cursor: pointer;
}

.iconcontrol {
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
}
.dads-children:hover .iconcontrol{
    display: block;
}
.chartsbox {
    height: 400px;
    border: 1px solid #cccccc;
}

.chartsbox .setting {
    float: none;
    margin-left: 30px;
}

.chartsbox .tittle li {
    font-size: 17px;
}

.chartsbox .tittle li span {
    font-size: 17px;
}

.chartsbox .tittle {
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 50px;
}

.chartsbox .tittle img {
    cursor: pointer;
}

.chartsbox .tittle li:nth-child(1) {
    float: left;
}

.chartsbox .tittle li:nth-child(2) {
    float: right;
}

.todolistleft {
    width: 20%;
    height: 100%;
    background: white;
}

.bg-g {
    background: #f2f2f2;
}

.todolistleft dt {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 20px;
    text-align: center;
}

.todolistleft dd {
    cursor: pointer;
    font-size: 16px;
    padding: 9px 20px 9px 36px;
}

.todolistleft dd:hover {
    text-decoration: none;
    color: #333;
    box-shadow: 0 0 8px 2px #eee;
}

.todolistleft dl .curr {
    border-right: 4px solid #22d7bb;
    background: #e7f9f6;
    color: #22d7bb;
    font-size: 16px;
}

.todolistright {
    width: 75%;
    background: white;
    margin: 2%;
    height: 377px;
}

.todolistright .todobox {
    padding: 18px 14px;
    position: relative;
}

.todo-tittle ul li {
    float: right;
}

.add-todo {
    cursor: pointer;
    float: left !important;
    font-size: 16px;
}

.add-todo img {
    width: 16px;
    margin-top: -3px;
    margin-right: 3px;
}

.todosmall {
    margin: 3px 2px;
    padding: 10px 10px;
    margin-bottom: 10px;
    /*width: 200px;*/
    cursor: pointer;
    border-radius: 2px;
    box-shadow: 0px 1px 8px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow .2s;
}

.todosmall:hover {
    box-shadow: 0 2px 13px 1px rgba(0, 0, 0, .15);
}

.todocurr:hover {
    box-shadow: none;
}

.todo-tittle {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 3px solid #eeeeee;
}


/*.todocenter p{*/


/*width: 80%;*/


/*border: 1px solid blue;*/


/*display: inline-block;*/


/*margin-left: 5px;*/


/*font-size: 14px;*/


/*line-height: 20px;*/


/*margin-top: 5px;*/


/*}*/

.todochoice {
    margin-right: 10px;
}

.todocenter {
    width: 90%;
}

.todocenter .date {
    margin-top: 10px;
}

.todocenter .date img {
    width: 14px;
    margin-right: 5px;
}

.ft-red {
    color: red;
}

.ft-green {
    color: #22d7bb;
}

.ft-yellow {
    color: orange;
}

.todocurr {
    background: #f3f3f3;
    box-shadow: none;
    border-radius: 0;
    color: #8f8f8f;
}

.todo-centerbox {
    height: 320px;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    /*overflow: auto*/
}

.pp {
    height: 320px;
    overflow: auto;
}

.add-todo-box {
    /*border: 1px solid #f2f2f2;*/
    border: 1px solid #d5d1d1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    padding: 0 10px 10px;
    position: absolute;
    width: 465px;
    top: 0px;
    z-index: 999;
    padding-top: 10px;
    background: white;
    border-radius: 3px;
    box-shadow: 0px 5px 15px 0px gray;
}

.add-todo-box textarea {
    overflow: hidden;
    word-wrap: break-word;
    resize: none;
    max-height: 120px;
    font-size: 14px;
}

.add-todo-box textarea:hover,
.add-todo-box:focus {
    border-color: #22d7bb !important;
}

.add-todo-actor {
    margin-top: 10px;
    cursor: pointer;
}

#charu-time-1 {
    color: #a8a8a8;
    font-size: 16px;
}

#charu-time-1 img {
    margin-right: 10px;
    margin-top: -2px;
}

#charu-time {
    color: black;
    font-size: 16px;
}

.right {
    float: right;
}

.add-todo-btn {
    margin-top: 5px;
}

.add-todo-btn>input {
    color: #fff;
    background-color: #22d7bb;
    border-color: #22d7bb;
    width: 86px;
    padding: 3px 20px;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    margin-right: 10px;
}

.add-todo-btn>button:hover {
    box-shadow: 0 2px 5px 1px rgba(24, 191, 164, .45);
}

.add-todo-btn>span {
    color: #aaa;
    cursor: pointer;
    font-size: 14px;
}

.add-todo-btn>span:hover {
    color: #22d7bb;
}

.Unread-message-tittle>ul>li:nth-child(1)>span {
    border-radius: 2px;
}

.Unread-message-tittle>ul>li:nth-child(1) {
    font-size: 20px;
}

.Unread-message-tittle {
    padding: 20px 20px 10px 20px;
    border-bottom: 1px #707070 solid;
}

.Unread-message-tittle>ul>li:nth-child(1) {
    float: left;
}

.Unread-message-tittle>ul>li:nth-child(2) {
    float: right;
}

.Unread-message-tittle>ul>li:first-child>span {
    left: 10px;
    top: -3px;
}

.Unread-smallbox {
    padding: 10px 25px 10px 10px;
    border-bottom: 1px solid #cccccc;
}

.Unread-smallbox:last-child {
    border-bottom: none;
}

.Unread-smallbox>img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 3%;
    float: left;
    margin-right: 3%;
}

.Unread-smallbox-center>ul>li:first-child {
    float: left;
}

.Unread-smallbox-center>ul>li:last-child {
    float: right;
}

.Unread-smallbox-center {
    margin-left: 20px;
    float: left;
    width: 80%;
}

.Unread-smallbox-center p {
    margin-top: 10px;
}

.message {
    position: relative;
}

.Unread-smallbox-bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid #cccccc;
    padding-top: 5px;
    padding-bottom: 5px;
}
.Unread-smallbox-bottom ul{
    padding: 0 20px;
}

.Unread-smallbox-bottom>ul>li:first-child img {
    width: 16px;
    margin-right: 5px;
}

.Unread-smallbox-bottom>ul>li a {
    font-size: 16px;
}

.Unread-smallbox-bottom li:nth-child(1) {
    float: left;
}

.Unread-smallbox-bottom li:nth-child(2) {
    float: right;
}

.table-mt {
    padding: 10px;
    height: 280px;
    overflow-y: auto;
}

.zpdt-mt-box {
    position: relative;
}

.table-mt-bottom {
    padding: 5px 20px;
    position: absolute;
    bottom: 0px;
}

.table-mt-bottom a {
    font-size: 16px;
}

.table-mt-bottom img {
    width: 16px;
}

.table-mt-bottom span {
    display: inline-block;
    width: 12px;
    height: 12px;
    font-size: 8px;
    border-radius: 50%;
    background: red;
    color: white;
    text-align: center;
    line-height: 12px;
    position: relative;
    top: -5px;
}

.Unread-messagebox {
    height: 300px;
    overflow: auto;
}

.tuodong {
    width: 16px;
    margin-right: 20px;
}

.Small-parts-finishing {
    position: fixed;
    top: 50px;
    left: 50px;
    z-index: 1200;
}

.Small-parts-finishing>.icon-leibie {
    cursor: pointer;
    display: inline-block;
    /* background-color: #e4e4e4; */
    background-color: white;
    opacity: 0.8;
    padding: 15px;
    border-radius: 50%;
    border: 1px solid #e4e4e4;
}

.Small-parts-finishing>.icon-leibie>span {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../images/leibie1.png")
}

/* .Small-parts-finishing>.icon-leibie:hover {
    background-color: white;
    border: 1px solid #5faee3;
}

.Small-parts-finishing>.icon-leibie:hover>span {
    background: url("../images/leibie2.png");
} */
.Small-parts-finishing>.icon-curr{
    background-color: white;
    border: 1px solid #5faee3;
}
.Small-parts-finishing>.icon-curr>span{
    background: url("../images/leibie2.png");
}
.partslist-title>ul>li:first-child {
    float: left;
    font-size: 16px;
    color: #333;
}

.partslist-title>ul>li:last-child {
    float: right;
}

.partslist-title>ul>li:last-child img {
    width: 18px;
}

.partslistbox {
    width: 300px;
    background-color: white;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .3);
    position: relative;
    top: -37px;
    left: 37px;
}

.partslist-title {
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
}

.partslist-center {
    background-color: #f7fafc;
    padding: 20px;
}

.partslist-center>.tittle {
    margin-bottom: 10px;
}

.partslist-center .choice>li {
    float: left;
    width: 45%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.partslist-center .choice>li>input {
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.partslist-submit {
    padding: 10px 20px;
    width: 80%;
}

.partslist-submit>ul>li:first-child {
    float: left;
    position: relative;
    top: 7px;
}

.partslist-submit>ul>li:first-child>input {
    position: relative;
    top: 3px;
    margin-right: 7px;
}

.partslist-submit>ul>li:last-child {
    float: right;
}

.partslist-submit>ul>li:last-child>input {
    background-color: #1E9FFF;
    color: #fff;
    height: 28px;
    width: 56px;
    border-radius: 5px;
   border: none;
   cursor: pointer;
}
.partslist-submit>ul>li:last-child>input:hover{
    background-color: #087fd7;
}
.close-tc{
    cursor: pointer;
}
.boy{
  margin-left: 10px;
}
